<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/Loading.css">
    <link rel="stylesheet" href="css/homestyle.css">
    <link rel="stylesheet" href="css/body.css">
    <link rel="stylesheet" href="css/nav.css">
    <!-- <script src="../js/Loading.js"></script> -->
    <title>JBW的主页</title>
</head>

<body>
    <nav class="homenav">
        <div class="navtitle"><strong>JBW</strong>|MY PROFILE</div>
        <a href="html/home.html">HOME</a>
        <a href="html/about.html">ABOUT</a>
        <a href="html/blog.html">BLOG</a>
        <a href="html/album.html">ALBUM</a>
        <a href="html/join.html">JOIN</a>
        <div class="navanim home"></div>
        <div class="none"></div>
    </nav>
    <main class="main">
        <section class="sec">
            <div class="titleimg">
                <div class="title">
                    &emsp;Cease to struggle <br>
                    and you cease to live
                </div>
            </div>
        </section>
        <section class="sec">
            <a href="html/about.html">
                <div class="part1 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>介绍</h1>
                        <p>&emsp;&emsp;Self-Introduction</p>
                        <p>&emsp;&emsp;For some information about me, you can learn about my background and other
                            related information from here</p>
                    </div>
                </div>
            </a>
            <a href="html/blog.html">
                <div class="part2 pt">
                    <div class="txt">
                        <h1>博客</h1>
                        <p>&emsp;About my blog</p>
                        <p>&emsp;About my blog, some learning process is recorded, you can learn about my learning
                            experience here</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
            <a href="html/album.html">
                <div class="part3 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>相册</h1>
                        <p>&emsp;&emsp;My photo ablum</p>
                        <p>&emsp;&emsp;My photo album, about some works of art that I like</p>
                    </div>
                </div>
            </a>
            <a href="html/join.html">
                <div class="part4 pt">
                    <div class="txt">
                        <h1>联系</h1>
                        <p>&emsp;&emsp;Contact me</p>
                        <p>&emsp;&emsp;If you have any need please feel free to contact me</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
        </section>
        <footer class="foot">
            <p>@2022-2023 | BY:jbw</p>
            <p>网页版权归jbw所有</p>
            <p>Cease to struggle and you cease to live</p>
        </footer>

    </main>
</body>

</html>